@charset "utf-8";
body{ background:#fafafa;}
.order-breadcrumb{ height:24px; line-height:24px; margin-top:15px; margin-bottom:15px; color:#4d4d4d;}
.order-breadcrumb a{ padding-left:12px; border-left:4px solid #35b87f; color:#4d4d4d;}

.garnishtip-box{ background:#fff; border-left:1px solid #ebebeb; border-right:1px solid #ebebeb; padding:20px 25px; margin-top:-20px;}
.garnishtip-box-bottom{ height:5px; background:url(../img/address-wave.png) repeat-x;}

.order-pay-address-title h3{ font-size:14px;}
.order-pay-address-title a{ font-size:14px; color:#666666; float:right;}
.order-pay-address-title a .icon-config{ width:18px; height:18px; float:left; background:url(../img/icon.png) no-repeat -126px -41px; margin:1px 5px 0 0;}
.order-pay-address-title a:hover{ text-decoration:none;}
.order-pay-address-title h3{ float:left;}
.order-pay-address-list,.order-pay-contact-list{ width:100%; float:left; display:inline; padding:20px 0 0 0;}
.order-pay-address-list ul li{ position:relative; width:30%; border:1px solid #ebebeb; background:#fafafa; cursor:pointer; position:relative; float:left; margin-right:1.5%; margin-left:1.5%; margin-bottom:20px; display:inline;}
.order-pay-address-list ul li.address-on,.order-pay-address-list ul li:hover{ border:1px solid #35b87f;}
.order-pay-address-list ul li:hover .operation-box a{ color:#999999;}
.order-pay-address-list ul li.not-scope:hover .operation-box a{ color:#999999;}


.order-no-address{ width:100%;}
.order-no-address a{ border:1px solid #ececec; float:left; width:100%; background:#fbfbfb; height:120px; line-height:120px; text-align:center;}
.order-no-address a:hover{ text-decoration:none; border:1px solid #35b87f; color:#35b87f;}
.address-list-wrap{ padding:25px 25px 25px 25px;}
.order-pay-address-info{ color:#333333; margin-bottom:12px; width:100%; float:left;}
.order-pay-address-info font{ float:left;}
.operation-box{ float:right; position:absolute; z-index:2; right:25px; top:25px;}
.order-pay-address-list ul li .operation-box a{ color:#fafafa; margin-left:20px;}
.order-pay-address-list ul li .operation-box a:hover{ text-decoration:none; color:#35b87f;}
.order-pay-address-tel{ margin-bottom:4px;}
.order-pay-address-txt{ height:40px; width:100%; overflow:hidden;}
.order-pay-address-txt,.order-pay-address-tel{ color:#666; font-size:14px;}
.order-pay-address-checked{ position:absolute; right:0px; bottom:0px; width:46px; height:46px; background:url(../img/select-icon.png);}
.order-info{ border:1px solid #ececec; margin-bottom:35px; background:#fff; margin-top:15px;}
.order-table{ border-bottom:1px solid #ececec;}
.order-table thead td{ border-bottom:1px solid #ececec;}
.order-table thead{ background:#f7f7f7; font-size:15px;}
.order-table tbody tr{ border-bottom:1px dashed #ddd;}
.order-table tbody tr:last-child{ border-bottom:0;}
.order-table tbody{ font-size:16px;}
.send-model-tab{ margin-bottom:20px; float:left; width:100%;}
.send-model-tab-wrap{ border:1px solid #ebebeb; background:#fafafa; float:left; width:100%; padding:25px 0; margin-top:15px;}
.send-model-tab ul{ margin:0 35px;}
.send-model-tab ul li{ float:left; margin-right:10px;}
.send-model-tab ul li a{ font-size:16px; padding:6px 80px; float:left; border:1px solid #ebebeb; background:#fff; position:relative;}
.send-model-tab ul li a:hover{ border:1px solid #35b87f; color:#35b87f; text-decoration:none;}
.send-model-tab ul li.on a{ border:1px solid #35b87f; color:#35b87f;}
.send-model-tab ul li.on a .send-checked-icon{ background:url(../img/select-icon-s.png); position:absolute; width:23px; height:24px; bottom:0; right:0;}
.send-model-tips{ margin:10px 0 -5px 35px;}
.order-pay-contact-list p{ width:100%; float:left; margin-bottom:20px;}
.order-pay-contact-list p span{ width:80px; float:left; text-align:right; color:#666; height:38px; line-height:38px;}
.order-contact-input{ float:left; width:290px; padding:0 15px; border:1px solid #e6e6e6; height:38px; line-height:38px;}
.order-pay-contact-list em{ margin:8px 0 0 10px; float:left;}
.order-pay-contact-list em font{ margin:1px 0 0 2px; float:left;}
.contact-verify-wrong .order-contact-input{ border:1px solid #e84702;}
.contact-verify-wrong em{ color:#e84702;}


.order-total-box{ text-align:right; padding:20px 0; border-bottom:1px solid #ececec; position:relative; font-size:14px;}
.order-total-box .back-modify-btn{ position:absolute; left:20px; top:42%;}
.order-total-box .back-modify-btn:hover{ text-decoration:none;}
.order-total-box p{ padding-right:30px; line-height:30px;}
.order-option-box{ padding:10px 0; border-bottom:1px solid #ececec;}
.order-option-box .order-option{ padding:10px 0 10px 25px;}
.order-option-box .order-option span{ margin-right:20px;}
.delivery-day-box .sod_select,.delivery-day-box .sod_select .sod_list{ width:90px;}
.order-total-box font{ font-size:18px; color:#e8411b;}

.order-pay-box{ text-align:right; padding:25px 0;}
.order-pay-btn,.order-pay-btn-off{ height:45px; line-height:45px; padding:0 35px; background:#f74342; border:0; color:#fff; font-weight:bold; font-size:16px; cursor:pointer; margin:0 30px 0 70px;}
.order-pay-btn:hover{ background:#ec4544;}
.order-pay-btn-off,.order-pay-btn-off:hover{ background:#888;}
.order-pay-box span font{ font-size:20px;}
.order-pay-box .remark-box{ float:left; margin-left:28px; color:#666; font-size:14px;}
.order-pay-box .remark-box input{ border:1px solid #e6e6e6; width:360px; height:30px; line-height:30px; padding:5px 8px; background:#f5f5f5; color:#666;}
.order-infomartion-box span{ width:550px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; float:left;}

.address-elment{ width:100%; float:left; position:relative;}
.address-dialog-box{ padding:30px 0; float:left;}
.address-dialog-box em{ width:125px; color:#666; font-size:16px; padding-right:20px; float:left; text-align:right; height:40px; line-height:40px;}
.address-dialog-box span{ width:490px; float:left; margin-left:145px; height:26px; line-height:26px; margin-bottom:5px; font-size:12px; color:#e84702;}
.address-dialog-box .button{ width:160px; height:42px; line-height:42px; border:0; cursor:pointer;}
.address-dialog-box .submit-btn{ background:#35b87f; color:#fff; font-weight:bold;}
.address-dialog-box .submit-btn:hover{ background:#3dae7d;}
.address-dialog-box .cancel-btn{ background:#fff; color:#9a9a9a;}
.address-elment .input{ float:left; width:290px; padding:0 15px; border:1px solid #e6e6e6; height:38px; line-height:38px;}
.elment-wrong-tip .input{ border:1px solid #e84702;}
.verify-wrong-icon{ width:14px; height:14px; float:left; background:url(../img/icon.png) no-repeat -497px -31px; margin:5px 3px 0 0;}
.address-suggestion{ width:320px; position:absolute; width:320px; border:1px solid #eeeeee; background:#fff; top:40px; left:145px; z-index:100;}
.address-suggestion li{ padding:4px 10px; cursor:pointer;}
.address-suggestion li:hover,.address-suggestion li.on{ background:#f5f5f5;}
.address-suggestion li .address-suggestion-name{ color:#666666;}
.address-suggestion li .address-suggestion-add{ color:#999999; font-size:12px; width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.amap-sug-result{ margin-top:-4px; border:1px solid #c6c6c6;}
.auto-item{ padding:8px 5px; color:#35b87f;}
.auto-item .auto-item-span{ color:#898989;}

.car-order-info{ margin-top:20px; position:relative;}
.car-order-info p{ color:#4d4d4d; font-size:16px; padding:20px 20px 20px 5px;}
.car-order-info strong{ position:absolute; top:0; right:0; font-size:18px; color:#595959; right:45px; top:36%;}
.car-order-info strong font{ font-weight:bold; font-size:24px;}

.order-pay-payment{ border:1px solid #ebebeb; padding:20px 60px 40px 60px; margin-bottom:40px; background:#fff; margin-top:15px;}
.order-pay-payment-title{ border-bottom:1px solid #e6e6e6; padding:10px 0 20px 0;}
.order-pay-payment-title-font strong{ font-size:20px; color:#333333; font-weight:bold; padding-right:20px;}
.order-pay-payment-title-font span{ color:#999999;}

.order-payment-list{ float:left; margin:12px 0 10px 0; display:inline;}
.order-payment-list ul li{ width:180px; height:60px; border:1px solid #e6e6e6; cursor:pointer; position:relative; float:left; margin:40px 30px 20px 0; display:inline;}
.order-payment-list ul li:hover,.order-payment-list ul li.on{ border:1px solid #35b87f;}
.order-payment-list ul li img{ padding:14px 0 0 30px;}
.order-payment-list ul li .checked-icon{ width:23px; height:24px; float:left; position:absolute; right:0; bottom:0;}
.order-payment-list ul li.on .checked-icon{ background:url(../img/select-icon-s.png) no-repeat;}
.address-not-scope-box{ position:absolute; left:-1px; top:-1px; z-index:1; width:100%; height:100%; border:1px solid #ebebeb; background:rgba(255,255,255,0.5);}
.address-not-scope-box i{ width:85px; height:28px; background:url(../img/not-scope.png) no-repeat; float:left; position:absolute; bottom:10px; right:10px; opacity:0.5;}

#payment{ width:160px; height:46px; line-height:46px; text-align:center; float:left; font-size:16px; font-weight:bold; margin:35px 0 35px 0;}
#payment:hover{ text-decoration:none;}
.payment-btn{ background:#f74342; color:#fff;}
.payment-btn:hover{ background:#ec4544;}
.payment-btn-off{ background:#ccc; color:#666;}

.payment-tip-box{background:#fff; width:380px; padding:35px 40px 0 40px;}
.payment-tip-box strong{ font-size:18px; font-weight:bold; color:#666;}
.payment-tip-box p{ margin:20px 0 20px 0; color:#999999;}
.pay-error-btn,.pay-success-btn{ float:right; width:100px; height:38px; line-height:38px; text-align:center; cursor:pointer; margin-left:10px; border-radius:2px;}
.pay-error-btn:hover,.pay-success-btn:hover{ text-decoration:none;}
.pay-error-btn{ color:#333;}
.pay-success-btn{ background:#f53635; color:#fff;}
.pay-success-btn:hover{ background:#ec4544;}
/*dialog*/
.dialog-shade{ width:100%; height:100%; background:rgba(0,0,0,0.3) none repeat scroll !important;background:#000; filter:Alpha(opacity=30); position:fixed; top:0; z-index:2;}
.pay-dialog-box{ position:absolute; width:540px; padding:18px 30px; background:#fff; z-index:3; color:#333;}
.pay-dialog-box h3{ width:100%; text-align:left; position:relative; position:absolute; left:0; top:0;  height:50px; line-height:50px; background:#35b87f; color:#fff; font-size:18px;}
.pay-dialog-box h3 font{ font-weight:bold; padding-left:25px;}
.dialog-close-btn{ float:right; position:absolute; right:0; font-size:16px; font-weight:normal; color:#535353;}
.dialog-close-btn:hover{ text-decoration:none; color:#535353;}
.dialog-btn a{ width:100%; text-align:center; height:2.5em; border-top:1px solid #cccccc; float:left;}
.dialog-btn a img{ float:left;}
.pay-dialog{ width:300px; margin:0 auto; margin-top:50px;}
.pay-dialog-title{ font-size:20px; padding:30px 0 50px 0; color:#4c4c4c; font-weight:bold; text-align:center;}
.pay-dialog-input input{ width:280px; height:34px; line-height:34px; padding:3px 10px; border:1px solid #e6e6e6; text-align:center; font-size:20px; color:#888;}
.pay-dialog-operation{ text-align:right; padding:5px 0 50px 0;}
.pay-dialog-operation a{color:#666666;}
.pay-dialog-btn{ text-align:center; padding-bottom:20px;}
.pay-btn{ width:240px; height:40px; background:#f74342; color:#fff; font-weight:bold; font-size:16px; cursor:pointer;}
.pay-btn:hover{ background:#ec4544;}

.dialog-pay-close-btn{ float:right; position:absolute; right:25px; font-size:16px; font-weight:normal; color:#fff;}
.dialog-pay-close-btn:hover{ text-decoration:none; color:#fff;}

.order-affirm{ border:1px solid #ececec; margin-top:25px;}
.order-affirm-title{ border-bottom:1px solid #ececec; background:#f7f7f7; height:40px; line-height:40px; font-size:18px;}
.order-affirm-title strong{ padding-left:25px;}
.order-affirm-content{ padding:20px 28px; background:#fff;}
.order-affirm-content dl dt{ font-size:16px; color:#666; margin-bottom:18px; width:100%;}
.order-affirm-content dl.member-address-box{ margin-bottom:20px;}
.order-affirm-content dl.member-address-box dt strong{ flaot:left;}
.order-affirm-content dl.member-address-box dt a{ float:right; color:#e8411b;}
.member-address-box dd ul li{ border:1px solid #e6e6e6; font-size:16px; color:#666; height:50px; line-height:50px; position:relative; margin-bottom:12px;}
.member-address-box dd ul li a{ font-size:14px; color:#666; margin-right:30px;}
.member-address-box dd ul li.on,.member-address-box dd ul li:hover{ border:1px solid #e8411b; cursor:pointer;}
.member-address-box dd ul li:hover{ background:#f5f5f5;}
.member-address-box dd ul li.on:hover{ background:#fff;}
.address-name{ float:left; width:100px; height:50px; text-align:center;}
.address-tel{ float:left; width:140px; height:50px; text-align:center;}
.address-address{ float:left; width:450px; height:50px;} 
.address-icons{ float:left; width:100px; height:50px;}
.address-default{ float:left; width:150px; height:50px; text-align:center;}
.address-cog{ float:left; width:200px; height:50px; text-align:center;}
.member-address-box dd ul li.on .select-icon{ width:32px; height:32px; background:url(../img/select-icon.png) no-repeat; float:left; position:absolute; right:0; bottom:0;}
.address-address span{ max-width:350px; padding:0 10px; height:50px; float:left; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.address-address i{ height:18px; line-height:18px; background:#999999; font-size:12px; border-radius:4px; padding:0 5px; color:#fff;}
.address-icons .address-icon{ width:20px; height:20px; background:url(../img/icon.png) no-repeat; float:left; margin:15px 0 0 40px;}
.address-icons .address-school-icon{ background-position:-126px -5px;}
.address-icons .address-exp-icon{ background-position:-126px -35px;}
.delivery-time-box dd .sod_select .sod_label{ color:#e8411b;}
.content{ margin-bottom:50px;}
.total-price-box{ padding:0 30px 30px 0;}
.price-content{ font-size:14px; color:#666; padding:10px 30px 20px 0;}
.price-content em{ color:#ec4544; margin-left:50px; font-size:18px;}
.total-price-box span{ font-size:16px; color:#666;}
.total-price-box span em,.total-price-box span em font{ color:#e8411b; font-weight:bold; font-size:26px;}

.pay-mode-box .order-pay-box{ text-align:left; padding-top:0;}
.pay-mode-box .order-pay-box ul li{ border:1px solid #ececec; margin-top:-1px; margin-left:-1px; height:58px; line-height:58px; width:1168px; margin:13px 15px; position:relative;}
.pay-mode-box .order-pay-box ul li:hover{ border:1px solid #f3a08d;}
.pay-mode-box .order-pay-box ul li.on .select-icon{ width:32px; height:32px; background:url(../img/select-icon.png) no-repeat; float:left; position:absolute; right:0; bottom:0;}
.pay-mode-box .order-pay-box ul li.on,.pay-mode-box .order-pay-box ul li:hover{ border:1px solid #e8411b; cursor:pointer;}
.pay-mode-box .order-pay-box ul li:hover{ background:#f5f5f5;}
.pay-mode-box .order-pay-box ul li.on:hover{ background:#fff;}
.pay-mode-box .order-pay-box ul li span{ font-size:16px; color:#333; width:100px; float:left;}
.pay-mode-box .order-pay-box ul li em font{ color:#e8411b;}
.pay-mode-box .order-pay-box ul li em{ float:left; margin-right:60px; color:#666666;}
.pay-mode-box .order-pay-box ul li a{ font-size:14px; color:#666; text-decoration:underline;}
.pay-mode-box .order-pay-box ul li .pay-icon{ width:22px; height:22px; background:url(../img/icon.png) no-repeat; float:left; margin:17px 10px 0 25px;}
.pay-mode-box .order-pay-box ul li .pay-icon-balance{ background-position:-65px -3px;}
.pay-mode-box .order-pay-box ul li .pay-icon-zfb{ background-position:-65px -33px;}
.pay-mode-box .order-pay-box ul li .pay-icon-wx{ background-position:-65px -64px;}
.pay-mode-box .order-pay-btn{ padding:0 80px; float:right; margin:0px 15px 30px 0; background:#e8411b}

.orderpay-success-box{ margin:150px 0 150px 460px; width:400px; float:left;}
.orderpay-success-box .orderpay-success-img{ float:left; margin-right:15px;}
.orderpay-success-content{ float:left;}
.orderpay-success-content strong{ font-size:20px; color:#585858; float:left; position:static;}
.orderpay-success-content .jump-box{ color:#9a9a9a; padding-top:10px; font-size:14px; float:left;}
.orderpay-success-btn a{ height:44px; line-height:44px; text-align:center; background:#e8411b; color:#fff; padding:0 60px; border-radius:4px; font-weight:bold; float:left; font-size:16px; margin:80px 0 0 45px;}
.orderpay-success-btn a:hover{text-decoration:none;}
